<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>生意帮</title>
      <link rel="stylesheet" type="text/css" href="../../css/api.css" />
      <link rel="stylesheet" type="text/css" href="../../css/common.css" />
      <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    	<link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
      <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css">
      <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css" />
      <style>
      html,body {

        background-color: transparent;
        }
        .h10{
          width: 100%;
          height: 0.5rem;
          display: -webkit-box;
          clear: both;
          background: #f5f5f5
        }
        .swiper-container{
          width: 100%;
          height: auto;
          margin: auto;
          position: relative;
          overflow: auto;

        }

        .swiper-slide{
          position: relative;
          font-size: 0.7rem;
          overflow: auto;
        }
        .swiper-slide .img{
          width: 100%;
          height: 60%;
          overflow: hidden
          position: relative;
          background: #f5f5f5;
          text-align: center;
        }
        .swiper-slide .img img{
          width: 100%;
          padding: 0.2rem;

        }
        .aui-slide-page-active{
          background: #f4405d;
        }
        #aui-slide{
          width: 95%;
          margin: auto;
          position: relative;
          overflow: hidden;
        }
        .title{
          width: 95%;
          height: 1.5rem;
        }
        .title .title-1{
          font-size: 1rem;
          font-weight: 600;
          width: 50%;
          float: left;
        }
        .title .more-right{
          width: 50%;
          float: right;
          text-align: right;
        }
        .aui-label{
          line-height: 1.5
        }
        .product_title{
          margin-top: 0.5rem
        }
        .product_price1{
          color: #f1415f
        }
        .product_price2{
          color: #999999;
          text-decoration:line-through;
          font-size: 0.6rem
        }
        .xian1{
          width: 100%;
          height: 1px;
          border-top: 1px solid #eeeeee;
          clear: both;
        }
        .xian-right{

          border-right: 1px solid #eeeeee;

        }
        .jrsx .img{
          width: 50%;
          float: right;
          margin-top: -0.7rem
        }
        .label{
          padding-top: 0.2rem
        }
        .aui-content{
          background: #ffffff
        }
      </style>
  </head>
  <body>

<div id="app">

  <div id="aui-slide">
  <div class="aui-slide-wrap" >


      <div class="aui-slide-node bg-dark" style="background:url(../../image/banner1.jpg) no-repeat center; background-size:cover"></div>

      <div class="aui-slide-node bg-dark" style="background:url(../../image/banner2.jpg) no-repeat center; background-size:cover"></div>

  </div>
  <div class="aui-slide-page-wrap"><!--分页容器--></div>

</div>

<div class="aui-content" style="margin-top:0.5rem">
  <!--轮播-->

<!--轮播-->

  <!--好货特卖-->

  <div class="aui-content-padded " style="margin-top:10px">

    <div class="title">
      <div class="title-1">好货特卖</div>
      <div class="more-right">限时抢购 <span class="aui-label aui-label-warning">08</span>:<span class="aui-label aui-label-warning">15</span>:<span class="aui-label aui-label-warning">59</span></div>
    </div>

    <!-- Swiper -->
  <div class="swiper-container" style="margin-top:10px;clear:both">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <div class="img">

            <img src=""  data-src="../../image/p1.png"/>

        </div>

        <div class="product_title">VIVO A57 3GB+32G全网通 ...</div>
        <div class="product_price1">¥ 1499</div>
        <div class="product_price2">¥ 2499</div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img src="" data-src="../../image/p2.png" />

        </div>

        <div class="product_title">APPLE A57 3GB+32G全网通</div>
        <div class="product_price1">¥ 1499</div>
        <div class="product_price2">¥ 2499</div>

      </div>

      <div class="swiper-slide">
        <div class="img">

          <img src="../../image/p3.png" />
        </div>

        <div class="product_title">OPPO A57 3GB+32G全网通</div>
        <div class="product_price1">¥ 1499</div>
        <div class="product_price2">¥ 2499</div>

      </div>
      <div class="swiper-slide">
        <div class="img">
          <img src="../../image/p1.png" />
        </div>

        <div>OPPO A57 3GB+32G全网通</div>

      </div>
      <div class="swiper-slide">Slide 6</div>
      <div class="swiper-slide">Slide 7</div>
      <div class="swiper-slide">Slide 8</div>
      <div class="swiper-slide">Slide 9</div>
      <div class="swiper-slide">Slide 10</div>
    </div>
    <!-- Add Pagination -->
    <!-- <div class="swiper-pagination"></div> -->
  </div>



  </div>
  <!--好货特卖-->
  <div class="h10"></div>

  <!--今日上新-->

  <div class="aui-content-padded " style="margin-top:10px">

    <div class="title">
      <div class="title-1">今日上新</div>
      <div class="more-right"> <span class="aui-label aui-label-warning">更多新品</span></div>
    </div>

    <div class="xian1" style="  margin-left: -0.75rem;width:120%"></div>

    <div class="aui-row-padded jrsx" >
      <!--col-->
      <div class="aui-col-xs-6 xian-right">
        <div class="product_title">OPPO A57 3GB</div>
        <div class="product_price1">¥ 1499</div>
        <span class="aui-label aui-label-warning">新品</span>
        <div class="img">
          <img src="../../image/p1.png" />

        </div>

      </div>
      <!--col-->
      <!--col-->
      <div class="aui-col-xs-6">
        <div class="product_title">OPPO A57 3GB</div>
        <div class="product_price1">¥ 1499</div>
        <span class="aui-label aui-label-warning">新品</span>
        <div class="img">
          <img src="../../image/p2.png" />

        </div>
      </div>
      <!--col-->
      <!--col-->
      <div class="aui-col-xs-6 xian-right">
        <div class="product_title">OPPO A57 3GB</div>
        <div class="product_price1">¥ 1499</div>
        <span class="aui-label aui-label-warning">新品</span>
        <div class="img">
          <img src="../../image/p3.png" />

        </div>

      </div>
      <!--col-->
      <!--col-->
      <div class="aui-col-xs-6">
        <div class="product_title">OPPO A57 3GB</div>
        <div class="product_price1">¥ 1499</div>
        <span class="aui-label aui-label-warning">新品</span>
        <div class="img">
          <img src="../../image/p2.png" />

        </div>
      </div>
      <!--col-->
    </div>

  </div>
  <div class="h10"></div>

  <!--兑换区-->

  <div class="aui-content-padded " style="margin-top:10px">

    <div class="title">
      <div class="title-1">兑换区</div>
      <div class="more-right"> <span class="aui-label aui-label-warning">前往兑现区</span></div>
    </div>




  <div class="aui-row-padded" style="padding:0.2rem">
    <div class="aui-col-xs-6">

      <div class="img">
        <img src="../../image/l1.jpg" />
      </div>
      <div class="product_title">
        OPPO A57 3GB
      </div>
      <div class="product_price1">¥ 1499</div>

    </div>
    <div class="aui-col-xs-6">

      <div class="img">
        <img src="../../image/l2.jpg" />
      </div>
      <div class="product_title">
        OPPO A57 3GB
      </div>
      <div class="product_price1">¥ 1499</div>

    </div>
    <div class="aui-col-xs-6">

      <div class="img">
        <img src="../../image/l1.jpg" />
      </div>
      <div class="product_title">
        OPPO A57 3GB
      </div>
      <div class="product_price1">¥ 1499</div>

    </div>
    <div class="aui-col-xs-6">

      <div class="img">
        <img src="../../image/l2.jpg" />
      </div>
      <div class="product_title">
        OPPO A57 3GB
      </div>
      <div class="product_price1">¥ 1499</div>

    </div>

    <div class="aui-col-xs-6">

      <div class="img">
        <img src="../../image/l1.jpg" />
      </div>
      <div class="product_title">
        OPPO A57 3GB
      </div>
      <div class="product_price1">¥ 1499</div>

    </div>
    <div class="aui-col-xs-6">

      <div class="img">
        <img src="../../image/l2.jpg" />
      </div>
      <div class="product_title">
        OPPO A57 3GB
      </div>
      <div class="product_price1">¥ 1499</div>

    </div>

    <div class="aui-col-xs-6">

      <div class="img">
        <img src="../../image/l1.jpg" />
      </div>
      <div class="product_title">
        OPPO A57 3GB
      </div>
      <div class="product_price1">¥ 1499</div>

    </div>
    <div class="aui-col-xs-6">

      <div class="img">
        <img src="../../image/l2.jpg" />
      </div>
      <div class="product_title">
        OPPO A57 3GB
      </div>
      <div class="product_price1">¥ 1499</div>

    </div>

    <div class="aui-col-xs-6">

      <div class="img">
        <img src="../../image/l1.jpg" />
      </div>
      <div class="product_title">
        OPPO A57 3GB
      </div>
      <div class="product_price1">¥ 1499</div>

    </div>
    <div class="aui-col-xs-6">

      <div class="img">
        <img src="../../image/l2.jpg" />
      </div>
      <div class="product_title">
        OPPO A57 3GB
      </div>
      <div class="product_price1">¥ 1499</div>

    </div>


  </div>
  <!--list-->
  </div>
  <!--兑换区-->
  <!--推荐-->
  <div class="h10"></div>
  <div class="title" style="width:100%; height:auto">
    <img src="../../image/tuijian_home.jpg" width="100%" />
  </div>
  <div class="aui-content-padded " style="margin-top:10px">
    <div class="aui-row-padded" style="padding:0.2rem">
      <div class="aui-col-xs-6">

        <div class="img">
          <img src="../../image/l1.jpg" />
          <div class="label"><div class="aui-label aui-label-warning">限时特惠</div> <div class="aui-label aui-label-danger">含赠品</div></div>
        </div>
        <div class="product_title">
          OPPO A57 3GB
        </div>

        <div class="product_price1">¥ 1499</div>

      </div>
      <div class="aui-col-xs-6">

        <div class="img">
          <img src="../../image/l2.jpg" />
          <div class="label"> <div class="aui-label aui-label-danger">含赠品</div></div>
        </div>

        <div class="product_title">
          OPPO A57 3GB
        </div>

        <div class="product_price1">¥ 1499</div>

      </div>

      <div class="aui-col-xs-6">

        <div class="img">
          <img src="../../image/l1.jpg" />
          <div class="label"><div class="aui-label aui-label-warning">限时特惠</div> </div>
        </div>
        <div class="product_title">
          OPPO A57 3GB
        </div>
        <div class="product_price1">¥ 1499</div>

      </div>
      <div class="aui-col-xs-6">

        <div class="img">
          <img src="../../image/l2.jpg" />
        </div>
        <div class="product_title">
          OPPO A57 3GB
        </div>
        <div class="product_price1">¥ 1499</div>

      </div>



    </div>


  </div>
  <div class="h10"></div>
    <div class="h10"></div>
  <!--推荐-->


</div>



</div>
  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/zepto.js"></script>
  <script type="text/javascript" src="../../script/vue.min.js"></script>
  <script type="text/javascript" src="../../script/utils.js"></script>
  <script type="text/javascript" src="../../script/common.js"></script>
  <script type="text/javascript" src="../../script/aui-tab.js"></script>
  <script type="text/javascript" src="../../script/aui-scroll.js"></script>
  <script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
  <script type="text/javascript" src="../../script/swiper.min.js"></script>
  <script type="text/javascript" src="../../script/aui-slide.js"></script>
  <script type="text/javascript">
      apiready = function(){

      };

  </script>

  <script type="text/javascript">

  var swiper = new Swiper('.swiper-container', {
    slidesPerView: 3,
    spaceBetween: 10,
    freeMode: true,
    // pagination: {
    //   el: '.swiper-pagination',
    //   clickable: true,
    // },
  });

    var slide = new auiSlide({
        container:document.getElementById("aui-slide"),
        // "width":300,
        "height":180,
        "speed":300,
        "pageShow":true,
        "pageStyle":'dot',
        "loop":true,
        'dotPosition':'center',
        currentPage:currentFun
    })

    function currentFun(index) {
        //console.log(index);
    }

</script>
<script type="text/javascript" src="../../script/aui-lazyload.js" ></script>
<script type="text/javascript">
    new auiLazyload({
        errorImage:'../image/error-img.png'
    });
</script>

  </html>
